<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="x" uri="/WEB-INF/tags/coretag.tld" %>
<%@ taglib prefix="ui" tagdir="/WEB-INF/tags" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <%@ include file="/WEB-INF/include/include.jsp" %>
  </head>
  <body> 

  <div id="treeWrap"></div>
  
<script type="text/javascript">

	Ext.onReady(function(){
	
		Ext.define('MyMenu', {
		    extend: 'Ext.data.Model',
		    fields: ['id', 'attributes', 'index','children','loaded','text','leaf','parentId']
		});		
		
		
		
	var myStore = Ext.create('Ext.data.TreeStore', {
		model:'MyMenu',
	    proxy: {
	        type: 'ajax',
	        reader: {
	            type: 'json',
	            root:'children',
	        },
	        url: Pls.Webpath+'/tagstest/data.json'
	    }
	});
	
	
	
	
	var menuTreeInRole = Ext.create('Ext.tree.Panel',{
		id:'menuTreeInRole',
		renderTo:'treeWrap',
		width:200,
		height:200,
		store:myStore,
		rootVisible:false,
		useArrows:true,
		frame:true
	});

	  
	});
	
	</script>
  
  </body>
</html>
